<template>
	<div class="footer_nav">
		<van-tabbar route v-model="data.footerActive" active-color="#FF8198">
      <van-tabbar-item to="/home" icon="shop-o">首页</van-tabbar-item>
      <van-tabbar-item to="/record" icon="todo-list-o">记录</van-tabbar-item>
      <van-tabbar-item to="/square" icon="comment-o">社区</van-tabbar-item>
      <van-tabbar-item to="/video" icon="video-o">锻炼</van-tabbar-item>
      <van-tabbar-item to="/my" icon="friends-o">我的</van-tabbar-item>
    </van-tabbar>
	</div>
</template>

<script setup name="footerNav">

const { useCommon } = $globalStore

let data = reactive({
	footerActive: "Home",
	dot: false,
});

const goodsNum = computed(() => {
	return useCommon.goods_card_num;
});
</script>
<style lang="less" scoped>
	.footer_nav{
		height: 50px;
		.footer-bar{
			position: absolute;
			bottom: 0;
		}
	}
</style>
